<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>搜索</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />

    <!-- 引入核心样式 -->
    <link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
    <link rel="stylesheet" href="http://appimg.yinsoso.com/swiper-3.3.1.min.css" />
    <!--当前页面的css-->
    <link href="../../css/search.css" rel="stylesheet">
    <!-- 引入核心JS -->
    <script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
    <script src="http://appimg.yinsoso.com/swiper-3.3.1.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript"></script>
</head>

<body>
    <div id="app">
        <!--搜索框-->
        <section class="search-topbar">
            <form>
                <div class="search-topbarleft">
                    <input type="text" class="search-box" placeholder="请输入搜索关键字" @keyup.enter="search" v-model="searchTxt">
                    <!-- <select v-model="selected" class="search-type">
                        <option class="search-typeone" v-for="item in options" :value="item.type">{{item.value}}</option>
                    </select> -->
                    <div class="search-close" @click="emptyVal">
                        <img src="../../../images/搜索/icon2.png">
                    </div>
                </div>
                <input type="button" value="搜索" class="search-btn" @click="goSearchResult">
            </form>
        </section>
        <!-- 历史记录 -->
        <div class="search-middle" id="sHistory">
            <p>历史纪录</p>
            <div class="search-middlehis">
                <span v-for="(item, index) in historyData" :key="index" @click="ToSearch(item)">
                    <a :href="item.url">{{item.search_keyword}}</a>
                </span>
                <div class="search-del" @click="delHistory" v-show="historyData.length>0">
                    <img src="../../../images/搜索/icon3.png" alt="">
                </div>
            </div>
        </div>
        <!-- 热门搜索 -->
        <div class="search-bottom search-middle">
            <p>热门搜索</p>
            <div class="search-middlehis">
                <div v-for="(item, index) in hotData" @click="ToSearch(item)">
                    <a :href="item.url">{{item.search_keyword}}</a>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../js/search.js"></script>

</html>